草庐IT

android - 将图像用作 GoogleMap

全部标签

javascript - 在 Javascript 中绘制图像

我想让用户在浏览器中的图像上绘图。换句话说,我需要位图图形和绘图功能,无论是矢量还是位图。Canvas看起来不错,但IE不支持,虽然有ExCanvas,但我想知道ExCanvas是否足够稳定,可以在IE6到8中一致使用。或者最重要的是,是否有一个开箱即用地支持所有这些的开源图像/绘图库?我找到了两打左右基于Web的图像编辑器或绘图工具,但没有一个支持这些要求。(我想避免使用Flash/Flex/Silverlight/JavaFX。) 最佳答案 看看RaphaelJS...它是绘图功能的跨浏览器实现,在可用的情况下使用Canvas、

javascript - jQuery 淡化所有其他图像

我用jQuery编写了这段代码来淡化图像(但不是那个,将鼠标移到上方)并且所有图像同时淡化!$(".playThumb").fadeTo("normal",1);$(".playThumb").hover(function(){$(".playThumb").each(function(){if($(this)!=$(this)){$(this).fadeTo("fast",0.3);}});},function(){$(".playThumb").each(function(){$(this).fadeTo("fast",1);});});如果有人可以帮助我淡化所有其他图像除了我将鼠

javascript - 如何测试 URL 是否为有效图像(在 javascript 中)?

提交表单时,我想确保一个字段是有效的图像URL。我可以在我的服务器上创建一个AJAX端点,它可以curlURL并使用图像库解析输出,但这感觉有点矫枉过正。我可以制作一个吗?元素然后以某种方式同步检查响应? 最佳答案 你可以制作一个元素并处理它的onerror和onload事件。如果load事件触发,这是一个有效的图像;如果error事件触发,但它没有。这甚至适用于跨域。 关于javascript-如何测试URL是否为有效图像(在javascript中)?,我们在StackOverflow

javascript - 进行图像翻转的最佳方法?

我希望将鼠标悬停时更改主徽标。我知道有几种方法可以实现此目的,并且想知道哪种方法最稳定,浏览器兼容,效率更高,易于设置的最佳方法。我发现的一些方法是:用Javascript(jQuery)替换“src”属性。CSS使用背景和“悬停”还有吗什么才好 最佳答案 底线对于内容丰富的图像,您希望在HTML标记中包含src。您要使用Javascript解决方案,并将过渡图像放在属性中。对于无内容的图像UI元素,尤其是在站点中常见或重复的图像UI元素,最好使用直接的CSS解决方案(因此您不必在每次调用时都重新声明图像位置)。在CSS解决方案中,

javascript - 如何在页面刷新/加载时刷新验证码图像?

我想强制我的网站在每次加载时刷新验证码图像,所以我有一个由onload()事件触发的javascript方法。在这里我有以下行:document.getElementById('yw0_button').click;Firebug没有检测到任何错误,出于测试目的,我在显示的行之后添加了一个警告,每次加载页面时都会弹出警告。但是,图像不会刷新!这是我认为与View文件相关的内容:labelEx($model,'verifyCode');?>widget('CCaptcha',array('showRefreshButton'=>true,'buttonType'=>'button','b

javascript - 你如何在angularjs中旋转图像

您好,我有一张图片要旋转。左右有两个按钮,可将图像沿相反方向旋转45度。我尝试使用jqueryrotate库创建一个指令,但它不起作用。帮忙?指令.js.directive('rotate',function(){return{restrict:'A',link:function(scope,element,attrs){console.log('hi');//watchthedegreesattribute,andupdatetheUIwhenitchangesscope.$watch(attrs.degrees,function(rotateDegrees){console.log

javascript - 如何在 react 中通过 Prop 导入图像并使用 'import' 路径

这个问题在这里已经有了答案:LoadimagesbasedondynamicpathinReactJs(4个答案)关闭5年前。我将以下内容作为Prop传递。constpeople=['Eliana','Stefania','Ahmed']{people.map(function(name,index){return;})}importElianafrom'../assets/imgs/people/eliana.png'importStefaniafrom'../assets/imgs/people/stefania.png'importAhmedfrom'../assets/imgs

javascript - 如何在保持宽高比的同时在网页上显示调整大小的图像?

在客户端使用JavaScript调整图像大小的最佳和最快方法是什么?编辑:抱歉,我的意思是显示在客户端调整大小的图像的最佳方式.. 最佳答案 简单。Client-SideImageResize(Why?!)window.onload=function(){varurl="http://www.google.com/intl/en_ALL/images/logo.gif";varimg=newImage();img.onload=function(){varw=parseInt((this.width+"").replace(/px/

javascript - 事件目标应该是 anchor ,而不是图像

我正在使用VanillaJS编写对话脚本。我遇到了视频图像上点击事件的问题。即使图像被anchor标记包围,它也会将图像显示为“trigger-dialog-open”事件的event.target。这是HMTL:这是JS中的事件:varopenTriggers=document.getElementsByClassName('trigger-dialog--open');for(vari=0;i事件处理程序想从anchor数据属性中获知对话ID。它找不到,因为它认为图像是event.target,而不是实际的anchor。我该如何纠正这个问题?谢谢! 最佳

javascript - 用于图像圆形裁剪的 CSS/JS

我的设计师给了我一个外观,我很想能够复制它,但我不太确定该怎么做。第一部分是头像的圆形裁剪(是方形上传)第二部分是对话泡泡我愿意在后端完成第一部分,但更愿意使用CSS/JS解决方案。 最佳答案 对于圆形图像,您可以使用CSS的border-radius:只需使其足够大,使圆Angular接触即可。.profile-img{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}Luke的回答对于对话泡泡来说是一个很好的答案:我已经基于它创建了泡泡。我还使